@keyframes fade {
    0% {
        opacity: 0.3;
        /* 透明度为0，元素完全隐藏 */
    }

    50% {
        opacity: 1;
        /* 透明度为1，元素完全显示 */
    }

    100% {
        opacity: 0.3;
        /* 透明度为0，元素再次隐藏 */
    }
}

.dot {
    animation: fade 1s infinite;
}

.dot-icon {
    animation: fade 1.2s infinite;
    width: 24px;
    height: 14px;
    display: inline-block;
    position: absolute;
    left: 50%;
    transform: translateX(-11px);
    top: 58px;

}

.warehouse-icon {
    width: 26px;
    height: 26px;
    display: inline-block;
    position: absolute;
    left: 50%;
    transform: translateX(-11px);
    top: 58px;
}

@keyframes fadeInOut {
    0% {
        opacity: 0;
    }

    20% {
        opacity: 1;
    }

    80% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fadeOutIn {
    0% {
        opacity: 1;
    }

    20% {
        opacity: 0;
    }

    80% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.europe1 {
    animation: fadeInOut 6s infinite;
    /* 持续10秒，缓入缓出效果 */
}

.europe2 {
    animation: fadeOutIn 6s infinite;
    /* 持续10秒，缓入缓出效果 */
}

.europe3 {
    animation: fadeInOut 5s infinite;
    /* 持续10秒，缓入缓出效果 */
}

.europe4 {
    animation: fadeOutIn 5s infinite;
    /* 持续10秒，缓入缓出效果 */
}

.label-wrap {
    width: 48px;
    height: 33px;
    font-weight: 600;
    font-size: 24px;
    color: #F5654E;
}

.icon {
    width: 26px;
    height: 26px;
}

.text-box {
    position: relative;
    display: flex;
    margin-top: -60px
}

.text-content {
    background: rgba(18, 23, 50, 0.8);
    position: relative;
    box-shadow: inset 0px 0px 12px 0px rgba(24, 100, 158, 0.7);
    border-radius: 4px;
    border: 1px solid #5983AE;
    padding: 0 10px;
    height: 33px;
    line-height: 33px;
    display: flex;
}

.text-content-w {
    background: rgba(226, 143, 37, 0.5);
    position: relative;
    box-shadow: inset 0px 0px 12px 0px rgba(226, 143, 37, 0.7);
    border-radius: 4px;
    border: 1px solid rgba(226, 143, 37, 1);
    padding: 0 16px;
    height: 36px;
    line-height: 36px;
    display: flex;
}

.name-txt {
    font-weight: 600;
    display: inline-block;
    font-size: 14px;
    color: rgba(223, 242, 255, 0.8);
    line-height: 30px;
}

.value-txt {
    line-height: 30px;
    margin-left: 10px;
    font-weight: bold;
    display: inline-block;
    font-size: 18px;
}

.tip-line {
    position: absolute;
    top: 33px;
    height: 30px;
    width: 3px;
    left: 50%;
    background: linear-gradient(180deg, rgba(88, 130, 173, 0.98) 0%, rgba(84, 171, 247, 0) 100%);
}

.dot-centent {
    width: 8px;
    height: 8px;

    display: inline-block;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    transform: translateX(-2px);
    top: 51px;
}